<template>
  <div class="app-container">
    <el-table v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%">
      <el-table-column align="center" label="ID" width="80">
        <template slot-scope="scope">
          <span>{{ scope.row.id }}</span>
        </template>
      </el-table-column>

      <el-table-column align="name" label="姓名">
        <template slot-scope="scope">
          <span>{{ scope.row.customerName }}</span>
        </template>
      </el-table-column>

      <el-table-column  align="mobile" label="联系方式">
        <template slot-scope="scope">
          <span>{{ scope.row.customerPhone }}</span>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
  import { fetchList } from '@/api/web/post'
  import {fetchServiceList} from "../../api/web/company";
  export default {
    name: "service",
    data() {
      return {
        list: null,
        listLoading: false,
        listQuery: {
          pageNo: 1,
          limit: 15,
          query: ""
        }
      }
    },
    created() {
      this.getList()
    },
    methods: {
      getList() {
        this.listLoading = false
        fetchServiceList(this.listQuery).then(response => {
          this.list = response.page.records
          this.listLoading = false
        })
      }
    }
    }
</script>

<style scoped>

</style>
